<template>
  <div>
    <div>
        <h5>新页面命名路由接收到的参数是 {{this.$route.params.userId}} </h5>
        命名路由传递参数需要使用params来传递，这里一定要注意使用params不是query。目标页面接收传递参数时使用params
        <p style="color:#f00">特别注意：命名路由这种方式传递的参数，如果在目标页面刷新是会出错的</p>
    </div>

    <div>
        <h5>新页面查询传参接收到的参数是 {{this.$route.query.userId}} </h5>
        查询参数其实就是在路由地址后面带上参数和传统的url参数一致的，传递参数使用query而且必须配合path来传递参数而不能用name，目标页面接收传递的参数使用query。
        <p style="color:#f00">注意：和name配对的是params，和path配对的是query</p>
    </div>
    <div>

    </div>
  </div>
</template>
<script>
export default {
    data() {
        return {
            show:true,
        }
    }
}
</script>
